<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="libs/Hui-iconfont/1.0.8/iconfont.css" />
    <title>职位列表</title>
    <style>
        .span-input {
            display: inline-block;
            margin-bottom: 10px;
        }
        .input-text {
            margin-right: 20px;
            width: 140px;
            height: 27px;
        }
        span {
            border-bottom: 20px;
        }
        .headLabel {
            display: inline-block;
            font-size: 15px;
            padding: 0;
            border-left: 3px solid #000;
            padding-left: 5px;
        }
        .checkBut {
            border: none;
            margin-bottom: 3px;
        }
        .checkBut:link {
            color:#000000;
            text-decoration:none;
        }
        .checkBut:visited {
            text-decoration:none;
            color:#00FF00;
        }
        .checkBut:hover {
            text-decoration:underline;
            color:#FF00FF;
        }
        .checkBut:active {
            text-decoration:underline;
            color:#0000FF;
        }
    </style>
</head>
<body>
<!--<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 客服系统 <span class="c-gray en">&gt;</span> 潜在客户列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>-->
<div class="page-container">
    <div><a class="btn btn-primary radius" onclick="system_category_add('添加职位','add-position.html')" href="javascript:;"><i class="Hui-iconfont">&#xe600;</i> 添加</a></div>
    <div class="mt-20">
        <table class="table table-border table-bordered table-bg table-sort table-hover">
            <thead>
            <tr>
                <th colspan="14" scope="col">
                    <h3 class="headLabel">职位列表</h3>
                </th>
            </tr>
            <tr class="text-c">
                <th>职位名称</th>
                <th>剪发价位</th>
                <th>造型价位</th>
                <th>护理价位</th>
                <th>染发价位</th>
                <th>烫发价位</th>
                <th>接发价位</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr class="text-c">
                <td rowspan="20">技术总监</td>
                <td>300<br></td>
                <td>300</td>
                <td>
                    卡诗鱼子酱短发（单次）：300<br>
                    卡诗鱼子酱长发（单次）：300<br>
                    活力胶/发芯/头皮：300<br>
                    卡诗单次护理：300<br>
                    ol欧莱雅多维钥活（单次）：300<br>
                    资生堂单次护理：300<br>
                </td>
                <td>
                    短：300<br>
                    中：300<br>
                    长：300<br>
                    超长：300<br>
                </td>
                <td>
                    短：300<br>
                    中：300<br>
                    长：300<br>
                    超长：300<br>
                    局部：300<br>
                </td>
                <td>
                    超声波接发（层次50公分）：300<br>
                    超声波接发（层次60公分）：300<br>
                    超声波接发（层次70公分）：300<br>
                    超声波接发（常规50公分）：300<br>
                    超声波接发（常规60公分）：300<br>
                    超声波接发（常规70公分）：300<br>
                    片接头发（55公分）：300<br>
                    片接头发（55公分加量10片）：300<br>
                    片接头发（60公分）：300<br>
                    片接头发（60公分加量10片）：300<br>
                    片接头发（70公分）：300<br>
                    片接头发（70公分加量10片）：300<br>
                    水晶线接发（55公分）：300<br>
                    水晶线接发（60公分加量40g）：300<br>
                    水晶线接发（60公分）：300<br>
                    水晶线接发（55公分加量40g）：300<br>
                    水晶线接发（70公分）：300<br>
                    水晶线接发（70公分加量40g）：300<br>
                    羽毛接发（到胸）：300<br>
                    羽毛接发（到腰）：300<br>
                </td>
                <td><button class="checkBut">编辑</button>&nbsp;<button class="checkBut">删除</button></td>
            </tr>
            </tbody>
        </table>
    </div>
</div>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="libs/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="libs/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="libs/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="libs/laypage/1.2/laypage.js"></script>
<script type="text/javascript">
    //    $(function(){
    //        $('.table-sort').dataTable({
    ////            "aaSorting": [[ 0, "desc" ]],//默认第几个排序
    //            "bStateSave": true,//状态保存
    //            "aoColumnDefs": [
    ////                {"bVisible": false, "aTargets": [ 1 ]} //控制列的隐藏显示
    //                {"orderable":false,"aTargets":[2,3,4]}// 制定列不参与排序
    //            ]
    //        });
    //        $("#DataTables_Table_0_filter").hide()
    //        $("#DataTables_Table_0_length").hide()
    //    });
    /*系统-栏目-添加*/
        function system_category_add(title,url,w,h){
            layer_show(title,url,w,h);
        }
</script>
</body>
</html>